<style>
  cr-input {
    display: inline-block;
    font-size: 20px;
    margin-inline-end: 4px;
    margin-inline-start: 4px;
    text-align: center;
    width: 40px;
  }
</style>
<template is="dom-repeat" items="[[inputs]]" as="inputIndex">
  <cr-input minlength="1" maxlength="1" id="input-[[index]]">
  </cr-input>
</template>